<script setup>
import Player from '@/components/home/player.vue'
import HomeCard from '@/components/home/homecard.vue'

import { ref } from 'vue'

const petData = ref({
  p_name: "小花",
  p_info: "今年五岁，怕黑。",
  p_img: "https://jianglh.icu/ossuserimg/15/pet/1715202816409.jpg",
  bind: true
})

</script>
<template>
  <div class="home">
    <Player url="/home2.mp4" poster="/home.png" />
    <main class="main">
      <HomeCard header="公告列表" :body=petData footer="页脚页脚页脚" />
      <HomeCard header="公告列表" :body=petData footer="页脚页脚页脚" />
    </main>
  </div>
</template>
<style scoped lang="scss">
.home {

  .main {
    padding: 20px 0;
  }
}
</style>
